<template>
  <view>
    <template v-if="list && list.length > 0">
      <view class="relation-item" v-for="(item, index) in list" :key="index">
        <u-section class="section" :title="`序号${index + 1}`" :right="false"></u-section>
        <u-cell-group :border="false">
          <u-cell-item :arrow="false" title="渠道" :value="item.Channel"></u-cell-item>
          <u-cell-item :arrow="false" title="品牌" :value="item.BrandName"></u-cell-item>
          <u-cell-item :arrow="false" title="事业部总监" :value="item.DealerDivisionName"></u-cell-item>
          <u-cell-item :arrow="false" title="大区总监" :value="item.RegionalDirectorName"></u-cell-item>
          <u-cell-item :arrow="false" title="团队负责人" :value="item.DirectorName"></u-cell-item>
          <u-cell-item :arrow="false" title="销售经理" :value="item.SalseManagerName"></u-cell-item>
          <u-cell-item :arrow="false" title="城市高级市场经理" :value="item.SeniorDealerTerminalName"></u-cell-item>
          <u-cell-item :arrow="false" title="城市经理" :value="item.DealerTerminalName"></u-cell-item>
          <!-- <u-cell-item :arrow="false" title="售后服务经理" :value="item.SalesServiceName"></u-cell-item> -->
        </u-cell-group>
      </view>
    </template>

    <u-empty v-else></u-empty>
  </view>
</template>

<script>
export default {
  props: {
    list: Array,
    default() {
      return [];
    }
  },
  data() {
    return {};
  }
};
</script>

<style lang="scss" scoped>
.relation-item {
  margin-bottom: 60rpx;
}
</style>
